<template>
  <div class='footer-tab'>
    <ul>
      <li v-for="item in footbar" v-bind:class="[ item.ispick ? 'on':'' ]">
        <router-link :to="item.url">
          <i v-bind:class='item.icon'></i>
          <p v-cloak>{{ item.name }}</p>
        </router-link>
      </li>
    </ul>
  </div>
</template>

<script>
  export default {
    props: ['footbar']
  }
</script>
